<!DOCTYPE html>
<html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-0 vector-toc-not-available vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-0 skin-theme-clientpref-day vector-sticky-header-enabled" lang="de" dir="ltr"><head>
<meta charset="UTF-8">
<title>Mobile Website</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./_res_/favicon.png">
<link rel="canonical" href="https://de.wikipedia.org/wiki/Mobile_Website"> <link href="./_mw_/ext.wikimediamessages.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.icons.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.search.codex.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.styles.css" rel="stylesheet" type="text/css">
<meta name="ResourceLoaderDynamicStyles" content="">
<link href="./_mw_/ext.gadget.citeRef.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.defaultPlainlinks.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonHide.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonLayout.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonStyle.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiDarkmode.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiResponsive.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.specialSearch.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="./_mw_/site.styles.css">
<link rel="stylesheet" type="text/css" href="./_mw_/noscript.css">
<link rel="stylesheet" type="text/css" href="./_res_/footer.css">
<link rel="stylesheet" type="text/css" href="./_res_/vector-2022.css">
</head>
<body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-Mobile_Website rootpage-Mobile_Website skin-vector-2022 action-view">
<div class="mw-page-container">
<div class="mw-page-container-inner">
<div class="mw-content-container">
<main id="content" class="mw-body">
<header class="mw-body-header vector-page-titlebar">
<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Mobile Website</span></h1>
</header>
<a id="top"></a>
<div id="bodyContent" class="vector-body ve-init-mw-desktopArticleTarget-targetContainer" aria-labelledby="firstHeading" data-mw-ve-target-container="">
<div id="contentSub">
<div id="mw-content-subtitle"></div>
</div>
<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="de" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="de" dir="ltr"><p>Eine <b>mobile Website</b> ist eine <a href="Website" title="Website">Website</a>, die speziell für die Nutzung auf mobilen <a href="Endger%C3%A4t" title="Endgerät">Endgeräten</a> wie z. B. <a href="Smartphone" title="Smartphone">Smartphones</a>, <a href="Tabletcomputer" title="Tabletcomputer">Tablets</a> und <a href="Handheld-Konsole" title="Handheld-Konsole">Handheld-Konsolen</a> optimiert wurde. Dazu gehört vor allem die Anpassung auf die geringere Bildschirmgröße im Vergleich zu den meisten stationären Endgeräten. Mobile Websites werden wie eine gewöhnliche Website über einen <a href="Webbrowser" title="Webbrowser">Webbrowser</a> aufgerufen. Seltener ist auch eine eigens für die Website mit dem Internet verbundene <a href="Mobile_App" title="Mobile App">Mobile App</a> verfügbar, die üblicherweise über einen <a href="App_Store" title="App Store">App Store</a> heruntergeladen werden kann.
</p>
<div class="mw-heading mw-heading2"><h2 id="Geschichte">Geschichte</h2></div>
<p>Bereits seit die ersten <a href="Handy" class="mw-redirect" title="Handy">Handys</a> in den 1990er Jahren internetfähig wurden, gab es vereinzelte <a href="Website" title="Website">Websites</a>, die für die Nutzung auf mobilen Geräten ausgelegt waren. Diese waren allerdings noch sehr einfach gehalten, da die <a href="Computermonitor" title="Computermonitor">Displays</a> der damaligen Handys ohnehin noch keine besonders aufwendigen Seiten darstellen konnten. Durch die fortschreitende Entwicklung und damit verbundene steigende Popularität der <a href="Smartphone" title="Smartphone">Smartphones</a> und <a href="Tablet-Computer" class="mw-redirect" title="Tablet-Computer">Tablet-Computer</a> wurde es möglich, auch aufwendigere Websites für diese Geräte zu erstellen.
</p>
<div class="mw-heading mw-heading2"><h2 id="Mobile_Websites">Mobile Websites</h2></div>
<p>Mobile Websites dienen der Publikation von Inhalten auf mobilen Endgeräten und sind für gewöhnlich eine Ergänzung zur „normalen“ Desktop-Website. Am häufigsten dienen sie derzeit zur Wiedergabe von informativen Texten und redaktionellen Inhalten; außerdem stellen sie Kontakt- und Hintergrundinformationen zur Verfügung. Aufgrund der wachsenden Verbreitung mobiler Endgeräte befinden sich Ansätze zur Implementierung weiterer Funktionen, wie zum Beispiel mobiler <a href="Online-Shop#Onlineshop" class="mw-redirect" title="Online-Shop">Online-Shops</a> unter aktiver Entwicklung.
</p><p>Mobile Websites werden mithilfe derselben standardisierten Technologien entwickelt, die auch auf anderen Plattformen zum Einsatz kommen. Diese sind in erster Linie <a href="Hypertext_Markup_Language" title="Hypertext Markup Language">HTML</a>, <a href="Cascading_Style_Sheets" title="Cascading Style Sheets">CSS</a> und <a href="JavaScript" title="JavaScript">JavaScript</a>. Diese Praxis erlaubt <a href="Browser" class="mw-redirect" title="Browser">Browsern</a> aller mobilen Geräte den Aufruf der Website.
</p><p>Teilweise machen mobile Websites auch Gebrauch von besonderen Funktionen wie Neigungssensor, lokalem Speicher oder Kamera des Endgerätes, um der <a href="User_Experience" title="User Experience">User Experience</a> einer nativen Applikation so nah wie möglich zu kommen.
</p>
<div class="mw-heading mw-heading2"><h2 id="Anforderung,_Aufbau_und_Eigenschaften"><span id="Anforderung.2C_Aufbau_und_Eigenschaften"></span>Anforderung, Aufbau und Eigenschaften</h2></div>
<p>Das <a href="Corporate_Design" title="Corporate Design">Erscheinungsbild</a> eines mobilen Webauftrittes stellt nach traditioneller Auffassung eine reduzierte Version der „eigentlichen“ Website dar.
</p><p>Durch die im Vergleich zum Desktop-PC schwächere Hardware und das geringere übertragbare <a href="Datenverkehr" title="Datenverkehr">Datenvolumen</a> von mobilen Endgeräten gewinnen Anforderungen wie kurze Ladezeiten, barrierefreie Benutzeroberfläche und einfache Navigation noch größere Bedeutung.
</p><p>Durch entsprechende Programmierung passen sich mobile Websites in der Größe und Breite dem jeweiligen Monitor des Gerätes an, auf dem die Seite angezeigt wird. <a href="HTML5" title="HTML5">HTML5</a> führt neue Schnittstellen ein, die es dem Programmierer erlauben, mithilfe von <a href="JavaScript" title="JavaScript">JavaScript</a> auf Hardware-Funktionen des Endgerätes zuzugreifen. Beispiele hierfür sind die Kamera oder der <a href="Global_Positioning_System" title="Global Positioning System">GPS</a>-Sensor des Gerätes.
</p><p>Der Einsatz von proprietären Technologien wie <a href="Adobe_Flash" title="Adobe Flash">Flash</a> kann aufgrund der ungleichmäßigen Unterstützung zu Kompatibilitätsproblemen führen.
</p>
<div class="mw-heading mw-heading2"><h2 id="Native_App">Native App</h2></div>
<p>Eine native App dagegen ist eine speziell für ein mobiles <a href="Betriebssystem" title="Betriebssystem">Betriebssystem</a> entwickelte Anwendung, die vor der Verwendung auf dem Gerät installiert werden muss. Ihr Erscheinungsbild ist in der Regel der <a href="Grafische_Benutzeroberfl%C3%A4che" title="Grafische Benutzeroberfläche">Benutzeroberfläche</a> des jeweiligen Mobilgerätes angepasst. Sie funktioniert nur auf der Plattform, für die sie programmiert wurde.
</p>
<div class="mw-heading mw-heading2"><h2 id="Weblinks">Weblinks</h2></div>
<ul><li><a rel="nofollow" class="external text" href="http://www.useit.com/alertbox/mobile-vs-full-sites.html"><i>Mobile Site vs. Full Site</i>.</a> Jakob Nielsen’s Alertbox (englisch) abgerufen am 3. Juli 2012</li>
<li><style data-mw-deduplicate="TemplateStyles:r261891140">
/* start https://de.wikipedia.org/ */
.mw-parser-output .webarchiv-memento a{color:inherit}
/* end https://de.wikipedia.org/ */
</style><a rel="nofollow" class="external text" href="https://web.archive.org/web/20120706033617/http://www.partnercommunication.de/webdesign-lexikon/mobile-webseite-app.php">Mobile Webseiten, Apps und Web-Apps</a> (<span class="webarchiv-memento"><a href="Webarchivierung#Begrifflichkeiten" title="Webarchivierung">Memento</a></span> vom 6. Juli 2012 im <i><a href="Internet_Archive" title="Internet Archive">Internet Archive</a></i>)</li>
<li><a rel="nofollow" class="external text" href="http://mobithinking.com/native-or-web-app?goback=.gde_4331698_member_99237509">Mobile applications: native v Web apps.</a> (englisch) abgerufen am 3. Juli 2012</li></ul></div><!--htdig_noindex--><div><div class="zim-footer">
Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2024-06-13" href="https://de.wikipedia.org/wiki/?title=Mobile_Website&oldid=245870198">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.
</div>
</div><!--/htdig_noindex--></div>
</div>
</main>
</div>
</div>
</div>
<script src="./_webp_/webpHandler.js"></script>
</body></html>